Ext.namespace("Test");

Ext.onReady(function() {

			Ext.Direct.addProvider(Ext.app.form.REMOTING_API);
			var username = new Ext.form.TextField({
						fieldLabel : 'username',
						name : 'username',
						id : 'username',
						value : 'Tom'
					});
			var Password = new Ext.form.TextField({
						fieldLabel : 'password',
						name : 'Password',
						id : 'Password'
					});

			var myForm = new Ext.FormPanel({

				title : 'myForm 22',
				frame : true,
				renderTo : Ext.getBody(),
				width : 300,
				items : [username, Password],
				buttons : [{
							text : 'load',
							handler : loadbtn
						}, {

							text : 'submit',
							handler : submitbtn

						}]

					// ,
					// api : {
					//
					// load : FormAction.loadData,
					// submit : FormAction.submitData
					// },
					// paramOrder : ['username']

				});

			function loadbtn() {
				FormAction.loadData(username.getValue(), function(result, e) {
							Ext.Msg.alert('Tips', Ext.encode(result));
							// var t=Ext.encode(result); json---->string

							myForm.getForm().findField('Password')
									.setValue(result.Password);
							myForm.getForm().findField('username')
									.setValue(result.username);
						});

			};

			function submitbtn() {
				FormAction.submitData(username.getValue(), Password.getValue(),
						function(result, e) {

							Ext.Msg.alert('Tips', Ext.encode(result));
							myForm.getForm().findField('Password')
									.setValue(result.Password);
							myForm.getForm().findField('username')
									.setValue(result.username);
						});

			};
		});